<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<title>ALLADYN Project homepage</title>
<link rel="stylesheet" href="../al.css" type="text/css">
<script src="../js/Alladyn.js" type="text/javascript"></script>
<script>
<!--
function change(a,b,c) {
	s='font-family: "Trebuchet MS", "MS Sans Serif", "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif; font-size: 13px; line-height: 20px; color:#DDDDFF;'
	vlay.symptom.vHTML("<span style='"+s+"'>"+a+"</span>")
	vlay.cause.vHTML("<span style='"+s+"'>"+b+"</span>")
	vlay.action.vHTML("<span style='"+s+"'>"+c+"</span>")
}
//-->
</script>
<style type="text/css">
<!--
	div { font-family: "Trebuchet MS", "MS Sans Serif", "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif; font-size: 13px; line-height: 20px; color:#DDDDFF; }
	#rect { position: absolute; width: 320px; zIndex: 2; left: 490; }
	#tekst { position: absolute; width: 450px; zIndex: 2; border-width: 1px; border-style: solid; border-color: #DDDDFF; padding: 10px; top: 45px; }
	#head { position: absolute; top: 10px; }
//-->
</style>
</head>

<body background="../img/bg.gif" onload="Alladyn()">
<div id="head"><a href="http://alladyn.art.pl"><img src="../img/docs_exhead_eng.gif" width="450" height="35" alt="" border="0"></a></div>
<div id="tekst">
<div class="content">
	<span class="b">Example 4.3</span><br />
	This example shows layer content change using <span class="b">vHTML</span>.<br /><br />
	We create three layers (we will be changing their content), we give them id respectively "symptom", "cause", "action".<br />
	Next, using links we call the function that will change the layer content:<br />
	NS4 loses layer formatting when writing to it, so when writing to layers we have to ascribe the style also.
</div>
<div class="ex1">
	function change(a,b,c) {<br />
	&nbsp;&nbsp;&nbsp;&nbsp;s='font-family: "Trebuchet MS", "MS Sans Serif", "Arial CE", Arial, "Helvetica CE", Helvetica, sans-serif; font-size: 13px; line-height: 20px; color:#DDDDFF;'<br />
	&nbsp;&nbsp;&nbsp;&nbsp;vlay.symptom.vHTML("&lt;span style='"+s+"'&gt;"+a+"&lt;/span&gt;")<br />
	&nbsp;&nbsp;&nbsp;&nbsp;vlay.cause.vHTML("&lt;span style='"+s+"'&gt;"+b+"&lt;/span&gt;")<br />
	&nbsp;&nbsp;&nbsp;&nbsp;vlay.action.vHTML("&lt;span style='"+s+"'&gt;"+c+"&lt;/span&gt;")<br />
	}<br /><br />
</div>
<div class="content">
	<a href="javascript:history.back()">Back</a>
</div>
</div>
<div id="rect">
<span class="b">Beer Troubleshouting Guide</span><br />
This guide helps solve problems which may be the result of using beer.<br /><br />
<ul>Pick symptom:
<li><a href="javascript:void(0)" onClick="change('Beer does not have color and taste.','The glass is empty','Ask someone to buy you another one.')">Beer doesn't have color and taste</a>
<li><a href="javascript:void(0)" onClick="change('The opposite wall is covered with lights.','You are lying on your back.','Hold on to the bar.')">The opposite wall is covered with lights</a>
<li><a href="javascript:void(0)" onClick="change('Your mouth is full of cigarette butts.','You are lying on the bar.','Hold on to the bar. ')">Your mouth is full of cigarette butts</a>
<li><a href="javascript:void(0)" onClick="change('Beer does not have taste, the front of the shirt is wet.','Your mouth is shut or you are holding the beer in the wrong direction.','Withdraw to the toilet and train in front of the mirror.')">Beer does not have taste, the front of the shirt is wet</a>
<li><a href="javascript:void(0)" onClick="change('Feet cold and wet.','You are holding the beer in the wrong direction.','Turn the glass upward.')">Feet cold and wet</a>
<li><a href="javascript:void(0)" onClick="change('Feet warm and wet.','Incorrect flow control.','Stand next to the nearest dog and admonish the owner.')">Feet warm and wet</a>
<li><a href="javascript:void(0)" onClick="change('Blurry floor.','You are looking thru the bottom of an empty glass.','Ask someone to buy you another beer.')">Blurry floor</a>
<li><a href="javascript:void(0)" onClick="change('The floor is moving.','You are being carried out.','Check if they are carrying you to the next bar.')">The floor is moving</a>
<li><a href="javascript:void(0)" onClick="change('Suddenly it got dark.','The bar is closed.','Ask bartender about your address.')">Suddenly it got dark</a>
<li><a href="javascript:void(0)" onClick="change('The cab is getting covered with colourful patterns.','Beer consumption has crossed the limit','Close your mouth.')">The cab is getting covered with colourful patterns</a>
</ul>
</div>
<div style="position: absolute; left:490px; top: 330px" class="ec">Symptom:</div>
<div style="position: absolute; left:490px; top: 350px" class="content" id="symptom">&nbsp;</div>
<div style="position: absolute; left:490px; top: 390px" class="ec">Cause:</div>
<div style="position: absolute; left:490px; top: 410px" class="content" id="cause">&nbsp;</div>
<div style="position: absolute; left:490px; top: 450px" class="ec">Action you should take:</div>
<div style="position: absolute; left:490px; top: 470px" class="content" id="action">&nbsp;</div>
</body>
</html>